<template>
    <div class="header">
        <p class="title">待办事项</p>
        <input type="text" placeholder="请输入任务" class="new-todo" />
    </div>
</template>

<script setup>

</script>
<style scoped>
.header{
    box-shadow: 0px 2px 4px 0px #ddd;
}
.title{
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    color: red;
}
.new-todo{
    font-size: 20px;
    width: 100%;
    height: 25px;
    box-shadow: inset 0px 2px 1px #ddd;
    padding: 6px 18px;
}
</style>